<!-- Structure
================================================== -->
<div class="bs-docs-section">
  <div class="page-header">
    <h1 id="structure">Folder Structure</h1>
    <p class="lead">The best way to understand the folder structure is to generate a new site and have a look at the files and the code it produces.</p>
    <p>Or take a look at the source code from the following sites:</p>
    <ul>
      <li><a href="https://github.com/cprobert/Static-CMS" target="_blank">Static-CMS</a></li>
      <li><a href="https://github.com/Nant-y-Cwm/nant-y-cwm.github.io" target="_blank">Nant-y-Cwm</a></li>
      <li><a href="https://github.com/Swan-Love/swan-love.github.io" target="_blank">Swan Love</a></li>
    </ul>
    <p><a href="http://cprobert.github.io/Static-CMS/structure.html">more...</a></p>
  </div>
</div>

<!-- Air Monkey
================================================== -->
<div class="bs-docs-section">
  <div class="page-header">
    <h1 id="monkey">Air Monkey</h1>
  </div>
  <p class="lead">Air-Monkey is an easy to use point and click interface (WYSIWYG GUI) for Static-CMS. </p>
  <p>With a few clicks you can edit text and publish your website, without any technical knowledge.</p>

  <a href="http://ipassexam.github.io/Air-Monkey/" class="btn btn-large btn-success">Website</a>
</div>

<!-- thumbnails
================================================== -->
<div class="bs-docs-section">
  <div class="page-header">
    <h1 id="thumbnails">Thumbnails</h1>
  </div>
  <div class="row">
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="300x200" data-src="holder.js/300x200" style="width: 300px; height: 200px;">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="300x200" data-src="holder.js/300x200" style="width: 300px; height: 200px;">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="300x200" data-src="holder.js/300x200" style="width: 300px; height: 200px;">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
    </div>
</div>

